/* 清除内外边距 */

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */

dl, dt, dd, ul, ol, li, /* list elements 列表元素 */

pre, /* text formatting elements 文本格式元素 */

fieldset, lengend, button, input, textarea, /* form elements 表单元素 */

th, td { /* table elements 表格元素 */

		margin: 0;

		padding: 0;

		box-sizing: border-box;

}



/* 设置默认字体 */

body,

button, input, select, textarea { /* for ie */

		/*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/

		font-family: "微软雅黑"; /* 用 ascii 字符表示，使得在任何编码下都无问题 */

		font-size: 14px;

}



address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */

code, kbd, pre, samp, tt { font-family: "微软雅黑"; } /* 统一等宽字体 */

small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */



/* 重置列表元素 */

ul, ol { list-style: none; }

dl, ol, ul{margin-bottom: 0rem !important;}







abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */

		border-bottom: 1px dotted;

		cursor: help;

}



q:before, q:after { content: ''; }



/* 重置表单元素 */

legend { color: #000; } /* for ie6 */

fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */

/* 注：optgroup 无法扶正 */

button, input, select, textarea {

		font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */

}



/* 重置表格元素 */

table {

		border-collapse: collapse;

		border-spacing: 0;

}



/* 重置 hr */

hr {

		border: none;

		height: 1px;

}



/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */

html { overflow-y: scroll; }

/*超出内容显示省略号*/

.ellipsis{  max-width: 100%;  white-space: nowrap;  text-overflow:ellipsis;  overflow:hidden;  }

/*清除浮动*/

.clearfix {  *zoom: 1;  }

.clearfix:before,

.clearfix:after {  display: table;  line-height: 0;  content: "";  }

.clearfix:after {  clear: both;  }







@media(max-width:768px){

    .top{

        height: 200px;

    }

}

.fyys{ margin: 40px auto 0 auto; text-align: center;}



.fyys>a{ padding: 5px 10px 5px 10px; background: #ffffff; color: #333333; border: solid 1px #E51278;}



.fyys>.curr{ background: #E51278; color: #ffffff; border: solid 1px #E51278;}



.fyys>.curr>font{ color: #ffffff;}



.fyys>a:hover{ background: #E51278; color: #ffffff; border: solid 1px #E51278;}

#pages {

    font-family: 鐎瑰缍;

    padding: 14px 0 10px;

    text-align: center;

    font-size: 16px;

}

#pages a {

    background: #ffffff none repeat scroll 0 0;

    border: 1px solid #e3e3e3;

    color: #333333;

    display: inline-block;

    height: 22px;

    line-height: 22px;

    padding: 0 10px;

    text-align: center;

}



#pages a.a1 {

    background: transparent url("../images/admin_img/pages.png") no-repeat scroll 0 0;

    padding: 0;

    width: 56px;

}

#pages a:hover {

    background: #f1f1f1 none repeat scroll 0 0;

    color: #000000;

    text-decoration: none;

}

#pages span {

    background: #2269ab none repeat scroll 0 0;

    border: 1px solid #2269ab;

    color: #ffffff;

    display: inline-block;

    height: 22px;

    line-height: 22px;

    padding: 0 10px;

    text-align: center;

}

.page .noPage {

    background: transparent url("../images/icu/titleBg.png") repeat-x scroll 0 -55px;

    border: 1px solid #e3e3e3;

    color: #a4a4a4;

    display: inline-block;

    height: 22px;

    line-height: 22px;

    text-align: center;

    width: 56px;

}



/* 重置文本格式元素 */

a { text-decoration:none; color: #000;}

a:link{

	text-decoration:none;

}

a:visited{

	text-decoration:none;

}

a:hover{

	text-decoration:none;

}

a:active{

	text-decoration:none;

}

.curr{

    border-bottom: 1px solid #727272;

}

.curr_all{

    display: flex;

    justify-content: space-between;

    align-items: center;

    font-size: 14px;

    color: #000;

    padding: 10px 0;

}

.curr_nav{

    display: flex;

    align-items: center;

}

.curr_nav span,.curr_nav a{

    padding: 0 5px;

}







.curr_nav a:hover{

    text-decoration: none;

}

.curr_title{

    font-size: 20px;

}

.left{

    width: 20%;

    float: left;

}

.left_top {

    text-align: center;

    width: 100%;

    height: 76px;

    background: #d90d13;

}

.left_top p {

    font-size: 20px;

    font-weight: bold;

    color: #fff;

    text-transform: uppercase;

    font-weight: normal;

    line-height: 30px;

    padding-top: 23px;

    width: 100%;

    display: block;

}

.left ul {

    border: 1px solid gainsboro;

    background-color: #fff;

}

.left li {

    border-bottom: 1px solid gainsboro;

}

.left a.cur {

    color: #d90d13;

    border-bottom: 1px solid #d90d13;

}

.left a {

    display: block;

    padding: 15px 0;

    font-size: 16px;

    text-align: center;

    color: #666666;

}

.left a:hover {

    color: #d90d13;

}

@media(max-width:768px){

    .curr{

        padding-top: 10px;

    }

    .left{

        display: none;

    }

}

@media(max-width:768px){

    .curr_all{

        display: block;

        padding: 15px 0;

    }

    .curr_title {

        font-size: 25px;

    }

    .curr_nav{

        padding-top: 10px;

    }

    .curr_left{

        display: none;

    }

}



.cp-news.news-xg .index_chanpin_all{

    padding: 25px;

}

.news-xg {

    width: 100%;

    margin: 20px auto;

}

.cp-news {

    padding: 35px 20px;

    border-radius: 10px;

    box-shadow: 0 -2px 10px #e0e0e0;

    background-color: #fff;

}

.news-xg dl {

    overflow: hidden;

    line-height: 60px;

    padding: 0 25px;

    border-radius: 10px;

}

.fl {

    float: left;

}

.news-xg dd h3 {

    font-size: 24px;

    font-weight: bold;

    background: url(../images/xgwz-tb.png) left center no-repeat;

    padding-left: 35px;

}

.fr {

    float: right;

}

.news-xg dt a {

    font-size: 16px;

    color: #666666;

    background: url(../images/more-jt.png) right center no-repeat;

    padding: 0 20px;

    display: block;

}

.news-xg ul {

    overflow: hidden;

    padding-top: 10px;

}

.news-xg li {

    width: 33.3%;

    float: left;

    border-bottom: 1px solid #ffecec;

    padding: 0 30px;

}

.news-xg li a {

    font-size: 16px;

    line-height: 70px;

    display: block;

    background: url(../images/cp-tb2.png) no-repeat left center;

    padding-left: 25px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.news_bg .left{

    padding-top: 30px;

}

.index_chanpin_ul{

    display: flex;

    justify-content: space-between;

}

.index_chanpin_li{

    width: 268px;

    height: 233px;

    border-radius: 10px;

    border-right: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

}

.index_chanpin_li:first-child{

    background: url(../images/chanpin1.png) no-repeat;

}

.index_chanpin_li:nth-child(2){

    background: url(../images/chanpin2.png) no-repeat;

}

.index_chanpin_li:nth-child(3){

    background: url(../images/chanpin3.png) no-repeat;

}

.index_chanpin_li:last-child{

    background: url(../images/chanpin4.png) no-repeat;

}

.index_chanpin_lititle{

    text-align: center;

    font-size: 25px;

    font-weight: bold;

    color: #fff;

    padding: 65px 0;

}

.index_chanpin_lidesc{

    width: 80%;

    font-size: 16px;

    color: #595757;

    text-align: center;

    padding-top: 12px;

    margin: 0 auto;

}

.index_chanpin_bottom p span:first-child{

    font-size: 24px;

    font-weight: bold;

    color: #fff;

}

.index_chanpin_bottom p span:last-child{

    font-size: 36px;

    font-weight: bold;

    color: #fff;

}

.index_chanpin_bottom div{

    width: 480px;

    height: 8px;

    background: #8abcfd;

    margin: 0 auto;

    margin-top: -15px;

}

.index_chanpin_bottom{

    padding-top: 100px;

    text-align: center;

}

.cp_product{

    padding-top: 20px;

}


@media(max-width:768px){

    .index_chanpin_ul{

        display: block;

    }

    .index_chanpin_li{

        width: 50%;

        float: left;

        height: auto;

    }

    .index_chanpin_li:first-child,.index_chanpin_li:nth-child(2),.index_chanpin_li:nth-child(3),.index_chanpin_li:nth-child(4){

        background-size: 100%;

    }

    .index_chanpin_lititle{

        font-size: 20px;

        padding: 40px 0;

    }

    .index_chanpin_bottom div{

        width: 100%;

        margin-top: -5px;

    }

    .index_chanpin,.index_fuwu{

        background-size: auto 100%;

        padding: 30px 0;

    }

    .index_chanpin_all,.index_fuwu_all{

        padding-top: 30px;

    }

    .index_chanpin_bottom p span:last-child{

        font-size: 24px;

    }

    .index_chanpin_lidesc{

        overflow: hidden;

        text-overflow:ellipsis;

        white-space: nowrap;

        padding: 8px 0px;

        margin-bottom: 15px;

    }


    .index_chanpin_bottom p span:first-child,.index_chanpin_bottom p span:last-child{

        font-size: 18px;

    }

}